<!--
 * @Author       : 方远 15668450208@163.com
 * @Date         : 2024-04-09 16:24:16
 * @LastEditors  : 方远 15668450208@163.com
 * @LastEditTime : 2024-08-21 20:14:44
 * @FilePath     : \zhlx-autoform-ui\src\components\form-designer\setting-panel\property-editor\field-date-range\date-range-valueFormat-editor.vue
 * @Description  : 介绍文件的作用
 * 
 * Copyright (c) 2024 by zhlx - 15668450208@163.com, All Rights Reserved. 
-->
<template>
  <el-form-item :label="i18nt('designer.setting.valueFormat')">
    <el-select v-model="optionModel.valueFormat" filterable allow-create>
      <el-option label="YYYY-MM-DD" value="YYYY-MM-DD"></el-option>
      <el-option label="YYYY-MM-DD HH:mm:ss" value="YYYY-MM-DD HH:mm:ss"></el-option>
      <el-option label="YYYY-MM-DD HH:mm" value="YYYY-MM-DD HH:mm"></el-option>
      <el-option label="YYYY-MM" value="YYYY-MM"></el-option>
      <el-option label="YYYY" value="YYYY"></el-option>
      <el-option label="YYYY年M月D日" value="YYYY年M月D日"></el-option>
      <el-option label="YYYY年MM月DD日 HH时mm分ss秒" value="YYYY年MM月DD日 HH时mm分ss秒"></el-option>
      <el-option label="YYYY年M月D日 HH时mm分" value="YYYY年M月D日 HH时mm分"></el-option>
      <el-option label="时间戳" value="x"></el-option>
    </el-select>
  </el-form-item>
</template>

<script>
  import i18n from "@/utils/i18n"

  export default {
    name: "date-range-valueFormat-editor",
    mixins: [i18n],
    props: {
      designer: Object,
      selectedWidget: Object,
      optionModel: Object,
    },
  }
</script>

<style scoped>

</style>
